@charset "utf-8";


/** 
 * Created by kroyo on 2018/04/25.
 * 案例页面
 */
 

@import 'common/mixincommon';



.main-case{
    padding-top: r(40px);
}


.case-title{
    color: $sb;
    font-size: r(28px);
    line-height: r(48px);
}


.case-addbtn{
    display: block;
    width: 100%;
    height: r(80px);
    line-height: r(76px);
    color: $acolor;
    font-size: r(28px);
    border-radius: r(10px);
    border: r(2px) dashed $sc;
    margin-top: r(50px);
    text-align: center;
    .iconfont{
        font-size: r(24px);
        margin-right: r(10px);
        vertical-align: r(1px);
    }
}



.case-list-li{
    width: 100%;
    background-color: $f5;
    padding: r(20px) r(28px);
    margin-top: r(30px);
    .li-imgwrapper{
        display: table-cell;
        width: r(152px);
        height: r(120px);
        text-align: center;
        overflow: hidden;
        vertical-align: middle;
        img{
            width: 100%;
            vertical-align: middle;
        }
    }
    .li-text{
        display: table-cell;
        font-size: 0;
        padding-left: r(30px);
        vertical-align: middle;
        p{
            color: $s3;
            font-size: r(30px);
            line-height: r(30px);
            margin-bottom: r(24px);
        }
        span{
            color: $s9;
            font-size: r(28px);
            line-height: r(36px);
        }
    }
}
